$(function () {
    // 文章类别数据渲染

    // 获取从另一个页面传递的id
    //   let id=  location.href.split('=')[0]
    let id = location.search.split('=')[1]
    console.log(id);
    if (id) {
        setTimeout(() => {  //延长器，异步原因，因为在本地存储中
            $.ajax({
                type: 'get',
                data: { id },
                headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值
                dataType: 'json',
                url: bignews.article_search,
                success: function (res) {
                    $('#inputTitle').val(res.data.title)
                    $('.article_cover').attr('src', res.data.cover)

                    $('.category').val(res.data.categoryId)
                    $('#postDate').val(res.data.date)
                    setTimeout(() => {
                        // $('#mytextarea').html(res.data.content)
                        tinymce.activeEditor.setContent(res.data.content)
                    }, 300);

                }
            })
        }, 100);
        // 发送sjax请求


    }



    // 所有文章类别
    $.ajax({
        type: 'get',
        url: bignews.category_list,
        headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值

        dataType: 'json',
        success: function (res) {
            console.log(res)

            $('.category').html(template('cateTemp', res))
        }
    });
    // 日期插件

    jeDate("#postDate", {
        multiPane: false,

        isinitVal: true,
        theme: { bgcolor: "#f00", pnColor: "#00f" },
        format: "YYYY-MM-DD "
    })
    // /配置
    tinymce.init({
        selector: '#mytextarea',
        language: 'zh_CN',
        plugins: [
            'advlist autolink lists link image charmap print preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table contextmenu paste imagetools wordcount',
            'code'
        ],
        toolbar:
            'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code',
        height: 450, //编辑器高度
        min_height: 300,
    });

    // 本地预览，因为还没有传到后台，所以选择了本地存储
    $('#inputCover').on('change', function () {
        // 存储上传的文件
        let file = $(this)[0].files[0]
        console.log(file)
        // 判断上传是否为空
        if (file.type.indexOf('image/') === -1) {
            alert('请选择图片做为封面')
            return
        }
        // 讲图片上传到内存中，然后返回内存图片地址
        let url = URL.createObjectURL(file)
        console.log(url)
        // 将内存图片url给静态页面的src显示
        $('.article_cover').attr('src', url)
    })

    // 保存
    $('.btn-release').on('click', function (e) {
        e.preventDefault()
        // 拿到标题文本
        publishPost('已发布')

    })
    // 存为草稿
    $('.btn-draft').on('click', function (e) {
        // console.log(1)
        e.preventDefault('草稿')

    })

    function publishPost(state) {
        let formdata = new FormData()




        let title = $('#inputTitle').val()
        if (title.trim().length === 0) {
            alert('请输入标题')
            return
        }

        // 封面
        let file = $('#inputCover')[0].files[0]
        // 为空，under
        console.log(file)
        // 没有传id,新增
        if (!id) {

            if (!file) {
                alert('请选择封面')
                return
            }
            // 判断上传是否为空
            if (file.type.indexOf('image/') === -1) {
                alert('请选择图片做为封面')
                return
            }
            formdata.append('cover', file)
        } else {  //传id,编辑
            // 不改封面
            if (file && file.type.indexOf('image/') !== -1) {
                alert('修改成功')
                formdata.append('cover', file)
            } else if (file && file.type.indexOf('image/') === -1) {
                alert('添加成功')
                return
            }

        }
        //4文章类别获取
        let categoryId = $('.category').val()
        //5 分布时间获取
        let date = $('#postDate').val()



        let content = tinymce.activeEditor.getContent()

        if (content.length === 0) {
            alert('请输入文本')
            return
        }
        // console.log(content)
        // // 先存储在formdata 中

        formdata.append('title', title)

        formdata.append('date', date)
        formdata.append('categoryId', categoryId)
        formdata.append('content', content)
        formdata.append('state', state)
        // 如果有id,说明是编辑，如果是编辑，需要传id
        if (id) {
            formdata.append('id', id)
        }


        // console.log(categoryId, postDate)
        // 保存或者草稿发送请求,
        $.ajax({
            type: 'post',
            url: id ? bignews.article_edit : bignews.article_publish,
            data: formdata,
            dataType: 'json',
            processData: false,
            contentType: false,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },//后台要传参数，token里面值
            success: function (res) {
                alert(res.msg)
                location.href = './article_list.html'
            }

        })
    }
})